<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Handbag</title>
<meta name="description" content="Handbag" />
<link href="css/style.css" media="screen" rel="stylesheet" type="text/css" />
<link href="css/news.css" media="screen" rel="stylesheet" type="text/css" />
 <link rel="stylesheet" type="text/css" href="js/nivo-slider.css" />
<link rel="stylesheet" type="text/css" href="js/tinycarousel.css" />
  <link rel="stylesheet" type="text/css" href="js/default.css" />
    <link rel="stylesheet" href="js/jquery.fancybox-1.3.4.css" type="text/css" media="screen" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
  <script src="js/jquery.nivo.slider.pack.js" type="text/javascript" charset="utf-8"></script>
  

</head>
<body>
<div id="wrapper">	
<div id="top">
<div id="logo">
	<!--LOGO WIDGET [slug:logo, library:0, widget instance:1]-->
  <div id="logo_wi_1" class="logo_0">
    <!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../widget/logo/0/logo_0.css" />
  
    <div class="logo_heading">
    <a href="http://localhost/gishop/">hand bag</a>
	</div>
	<div class="logo_slogan">
    your slogan here</div>
  </div>
<!--END LOGO WIDGET-->
</div>
<!--END logo-->	
<div id="wrapper_cart" align="right">
	<table>
		<tr>
			<td>
				<!--USER BLOCK WIDGET [slug:user_block, library:0, widget instance:1]-->
    <div id="user_block_wi_1" class="user_block_1">
    	<link rel="stylesheet" type="text/css" href="../../widget/user_block/1/user_block_1.css" />
      <a class="cliquable" href="#">MON COMPTE</a><br/>
				 <a href="#" class="gris">( Connexion )</a>
    </div>
<!--END USER BLOCK WIDGET-->  
			</td>
			<td>
				<!--CART BLOCK WIDGET [slug:cart_block, library:0, widget instance:1]-->
<div id="cart_block_wi_1" class="cart_block_1">
	<link rel="stylesheet" type="text/css" href="../../widget/cart_block/1/cart_block_1.css" />
				<a class="cliquable" href="#">PANIER</a>
				<br/>Now in your cart <a href="#" class="gris">( 0 item )</a>
<!--END CART BLOCK WIDGET-->  
			</td>
		</tr>
	</table>
	
<!--CART SEARCH BAR WIDGET [slug:search_bar, library:0, widget instance:1]-->
<div id="search_bar_wi_1" class="search_bar_1">
	<link rel="stylesheet" type="text/css" href="../../widget/search_bar/1/search_bar_1.css" />
<div id="search_bar" align="left">
	<table>
		<tr>
	<td><input type="text" name="search" value="Recherche"/></td>
	<td><input type="submit" name="submit" class="submit_search" value=" "/></td>
	</tr>
	</table>
	</div>
<!--END search_bar-->	
</div>
<!--END SEARCH BAR WIDGET-->  

</div>
<!--END wrapper_cart-->		
	
</div>
<!--END top-->

<div id="wrapper_menu">
	
	<!--HMENU WIDGET [slug:hmenu, library:0, widget instance:1]-->
  <div id="hmenu_wi_1" class="hmenu_1">
    <!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../widget/hmenu/1/hmenu_1.css" />
   <div id="menu">
		<ul>
			<li><a class="active" href="#">Home</a></li>
			<li><a href="#">SPECIALS</a></li>
			<li><a href="#">NEWS</a></li>
			<li><a href="#">CONTACT</a></li>
			<li><a href="#">NEW ARRIVAL</a></li>
			<li><a href="#">STYLE</a></li>
			<li><a href="#">SALE</a></li>
		</ul>
	</div>
	<!--END menu-->
  </div>
<!--END HMENU WIDGET-->  

</div>
<!--END wrapper_menu-->	

 
                
<div id="wrapper_content">
	<div id="wrapper_content_left">
<!--PRODUCT CATEGORY WIDGET [slug:product_category, library:0, widget instance:1]-->
  <div id="produc_category_wi_1" class="produc_category_1">
	<!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../widget/product_category/1/product_category_1.css" />

<div class="wrapper_module">
		<div class="title_module" id="category">CATEGORIES</div>
		    <script>
    $(document).ready(function() {
		$(".module_list .list_cat").hover(
  function () {
  
 $(this).addClass("highlight");
  }, 
  function () {
$(this).removeClass("highlight");
  }
);
			$(".sub_menu li").hover(
  function () {
  
 $(this).find('a').addClass("sub_active");
  }, 
  function () {
$(this).find('a').removeClass("sub_active");
  }
);

$(".arrow_cat a").click(function(){	
    $(this).parent().parent().next().slideToggle("slow"); 
    return false;
});
	
			});
    </script>
		<div class="module_list">

				<div class="list_cat active">
					<div class="elt_list_cat">
					<div class="title_cat">	<a href="#" >Burberry zefze </a></div>
					<div class="arrow_cat"><a href="#" class="arrow_img"></a></div>
					</div>
					<div class="sub_menu">
						<ul>
							<li><a href="#" class="sub_active">Sub menu 1</a></li>
							<li><a href="#" >Sub menu 1</a></li>
							<li><a href="#" >Sub menu 1</a></li>
							<li><a href="#" >Sub menu 1</a></li>
						</ul>
					</div>
					
				</div>	

				<div class="list_cat">
					<div class="elt_list_cat">
					<div class="title_cat">	<a href="#" >Burberry</a></div>
				<div class="arrow_cat"><a href="#" class="arrow_img"></a></div>
					</div>
					<div class="sub_menu">
						<ul>
							<li><a href="#" class="sub_active">Sub menu 1</a></li>
							<li><a href="#" >Sub menu 1</a></li>
							<li><a href="#" >Sub menu 1</a></li>
							<li><a href="#" >Sub menu 1</a></li>
						</ul>
					</div>
					
				</div>		
				
				<div class="list_cat">
					<div class="elt_list_cat">
					<div class="title_cat">	<a href="#" >Burberry</a></div>
					</div>	
				</div>		
				
				<div class="list_cat">
					<div class="elt_list_cat">
					<div class="title_cat">	<a href="#" >Burberry</a></div>
					</div>	
				</div>		
				
		</div>
	</div>
<!--END wrapper_module-->	
  </div>
<!--END PRODUCT CATEGORY WIDGET-->  

<!--PRODUCT RELATED SIDEBAR WIDGET [slug:product_related_sidebar, library:0, widget instance:1]-->
  <div id="product_related_sidebar_wi_1" class="product_related_sidebar_0">
	<!--Load css of widget-->
    <link rel="stylesheet" type="text/css" href="../../widget/product_related_sidebar/0/product_related_sidebar_0.css" />

 <div class="wrapper_module">
		<div class="title_module" id="special">SPECIAL TODAY</div>
		<div class="content_special">
			<div class="img_special"><a href="#"><img src="images/p1.jpg" /></a></div>
			<div class="title_special"><a href="#">Product #13</a></div>	
			<div class="price_special"><a href="#">713$</a></div>	
		</div>
</div>
<!--END wrapper_module-->	
  </div>
<!--END PRODUCT RELATED SIDEBAR WIDGET-->  

</div>
<!--END wrapper_content_left-->
	<div id="wrapper_content_right">
		
<!--NEWS LIST WIDGET [slug:news_list, library:0, widget instance:1]-->
  <div id="news_list_wi_1" class="news_list_0">
  <!--Load css of widget-->
  <link href="../../widget/news_list/0/news_list_0.css" media="screen" rel="stylesheet" type="text/css" />

     	
  <div id="wrapper_news">
<div class="news_item">
	<div class="wrapper_title_news">
		<table width="100%">
			<tr>
				<td><div class="title_news"><a href="#">Bianca Jagger- black blazer </a></div></td>
				<td valign="bottom" align="right" width="75px"> 
				<div class="date">
				<span class="day">28</span><br/>
				<span class="month">12/2012</span>
				</div>
			</td>
			</tr>
		</table>
	</div>
	<div class="wrapper_content_news">
		<div class="wrapper_news_left"><a href="#"><img src="images/news1.jpg" alt=""/></a></div>
		<div class="wrapper_news_right">
			<p>It came and it went in a flash, but the memories created at this year’s Momentum Conference held st February 2–4 in Salt Lake City will last forever. It’s always such a humbling and gratifying experience to be surrounded by others who share your passion. It was an amazing time filled with friends, fashion, recognition, and lots of “Hope” for the future.
			</p>
		<div class="continue"><a href="#">Continue »</a> </div>
		</div>
	 </div>
</div>

<div class="news_item">
	<div class="wrapper_title_news">
		<table width="100%">
			<tr>
				<td><div class="title_news"><a href="#">Bianca Jagger- black blazer </a></div></td>
				<td valign="bottom" align="right" width="75px"> 
				<div class="date">
				<span class="day">28</span><br/>
				<span class="month">12/2012</span>
				</div>
			</td>
			</tr>
		</table>
	</div>
	<div class="wrapper_content_news">
		<div class="wrapper_news_left"><a href="#"><img src="images/news1.jpg" alt=""/></a></div>
		<div class="wrapper_news_right">
			<p>It came and it went in a flash, but the memories created at this year’s Momentum Conference held st February 2–4 in Salt Lake City will last forever. It’s always such a humbling and gratifying experience to be surrounded by others who share your passion. It was an amazing time filled with friends, fashion, recognition, and lots of “Hope” for the future.
			</p>
		<div class="continue"><a href="#">Continue »</a> </div>
		</div>
	 </div>
</div>

<div class="news_item">
	<div class="wrapper_title_news">
		<table width="100%">
			<tr>
				<td><div class="title_news"><a href="#">Bianca Jagger- black blazer </a></div></td>
				<td valign="bottom" align="right" width="75px"> 
				<div class="date">
				<span class="day">28</span><br/>
				<span class="month">12/2012</span>
				</div>
			</td>
			</tr>
		</table>
	</div>
	<div class="wrapper_content_news">
		<div class="wrapper_news_left"><a href="#"><img src="images/news1.jpg" alt=""/></a></div>
		<div class="wrapper_news_right">
			<p>It came and it went in a flash, but the memories created at this year’s Momentum Conference held st February 2–4 in Salt Lake City will last forever. It’s always such a humbling and gratifying experience to be surrounded by others who share your passion. It was an amazing time filled with friends, fashion, recognition, and lots of “Hope” for the future.
			</p>
		<div class="continue"><a href="#">Continue »</a> </div>
		</div>
	 </div>
</div>

<div class="news_item">
	<div class="wrapper_title_news">
		<table width="100%">
			<tr>
				<td><div class="title_news"><a href="#">Bianca Jagger- black blazer </a></div></td>
				<td valign="bottom" align="right" width="75px"> 
				<div class="date">
				<span class="day">28</span><br/>
				<span class="month">12/2012</span>
				</div>
			</td>
			</tr>
		</table>
	</div>
	<div class="wrapper_content_news">
		<div class="wrapper_news_left"><a href="#"><img src="images/news1.jpg" alt=""/></a></div>
		<div class="wrapper_news_right">
			<p>It came and it went in a flash, but the memories created at this year’s Momentum Conference held st February 2–4 in Salt Lake City will last forever. It’s always such a humbling and gratifying experience to be surrounded by others who share your passion. It was an amazing time filled with friends, fashion, recognition, and lots of “Hope” for the future.
			</p>
		<div class="continue"><a href="#">Continue »</a> </div>
		</div>
	 </div>
</div>

	
</div>
<!--END wrapper_news-->
<div id="page">
	<ul>
		<li><a href="#" class="prev"> &nbsp;</a></li>
		<li><a href="#" class="active" >1</a></li>
		<li><a href="#">2</a></li>
		<li><a href="#">3</a></li>
		<li><a href="#">4</a></li>
		<li><a href="#" class="next">&nbsp; </a></li>
	</ul>
</div>
<!--END page-->

  </div>
 <!--END NEWS LIST WIDGET-->  
 
 

</div>
<!--END wrapper_content_right-->
</div>
<!--END wrapper_content-->
<div id="clear"></div>
<div id="wrapper_footer">
	<table width="100%">
		<tr>
			<td width="200px"><img src="images/logo_small.png" alt=""/></td>
			<td valign="top">
				<div class="content_footer">
					<div class="elt_footer">
					<div class="title_elt_footer">New products </div>
							<ul>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>	
						</ul>
					</div>
					<div class="elt_footer">
					<div class="title_elt_footer">New products </div>
							<ul>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>	
						</ul>
					</div>
					<div class="elt_footer">
					<div class="title_elt_footer">New products </div>
							<ul>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>
							<li><a href="#">New products</a></li>	
						</ul>
					</div>
				</div>
				
			 </td>
			<td align="right" valign="top">
				<a href="#"><img src="images/twitter_icon.png" alt=""/></a>
				<a href="#"><img src="images/facebook_icon.png" alt=""/></a>
				<a href="#"><img src="images/youtube_icon.png" alt=""/></a>
			<br/><br/>
					<img src="images/paypal.png"/>
			</td>
		</tr>
		</table>
		
			<div id="bottom">©2012 POWERED BY HANDBAG™. ALL RIGHT RESERVED.</div>
			
		
</div>
<!--END wrapper_footer-->	
</div>
<!--END wrapper-->
</body>
</html>